<#-- 该界面为试用版本如果有错误处，请修改并记录修改说明 ,该layout主要是会对后台管理系统-->
<#--
************************************************ 整体架构图********************************************************
************************************************_layout.flt包含整个框架*********************************************
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT****navbar-top.ftl****TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
LLLLLLLLLLLLLLLLLLLLLLL*****************************************************************************************
LLLLLLLLLLLLLLLLLLLLLLL*****************************************************************************************
LLLLLLLLLLLLLLLLLLLLLLL*****************************************************************************************
LLLLL****navbar-left.ftl******************************inner...ftl***********************************************
LLLLLLLLLLLLLLLLLLLLLLL*****************************************************************************************
LLLLLLLLLLLLLLLLLLLLLLL*****************************************************************************************
LLLLLLLLLLLLLLLLLLLLLLL*****************************************************************************************
FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF****footer.ftl****FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF
-->
<#-- basepath路径 子界面可以通过 $(base)引用 -->
<#assign base=request.contextPath />  
<#--包含spring.ftl 文件可以利用其获取语言信息--> 
<#import "/spring.ftl" as spring />    
<!DOCTYPE html> 
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->

<!--[if !IE]><!--> <html lang="en"> <!--<![endif]--> 
<!-- BEGIN HEAD --> 
<head> 
    <meta charset="utf-8" /> 
    <#--浏览器兼容-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
	<title><@spring.message "logo"/></title>  
	<#-- meta 模块 --> 
	<#macro head_meta>   
		<#--meta引用的公共，所有界面都使用的-->
	    <#include "/ma/common/meta.ftl">
	 	<#--meta引用的，内部界面使用的-->
	 	<#nested> 
	</#macro> 
	<#-- css 模块 --> 
	<#macro head_css>  
		<#--css引用的公共，所有界面都使用的-->
		<#include "/ma/common/common-css.ftl"> 
		  
		<#--css引用的，内部界面使用的-->
     	<#nested>
     	<link rel="shortcut icon" href="${base}/resources/ma/image/favicon.ico" />  
	</#macro>  
	
	<#--定义引入的script-->
	<#macro head_script> 
		<#--js引用的，内部界面使用的-->
		<#nested>
	</#macro> 
</head>

<!-- END HEAD -->
<#-- layout 模块 (子界面模块)  active_id 点击中的菜单信息 child_active_id 点击中的子菜单信息-->
<#macro layout active_id="" child_active_id=""> 
<!-- BEGIN BODY --> 
<body class="page-header-fixed"> 
	<!-- BEGIN HEADER--> 
    <#include "/ma/common/navbar-top.ftl"> 
    <!-- END HEADER -->
    	
    	
	<!-- BEGIN CONTAINER --> 
	<div class="page-container"> 
		<!-- BEGIN SIDEBAR 界面左边菜单栏目-->  
	    <#include "/ma/common/navbar-left.ftl"> 
		<!-- END SIDEBAR --> 
		
		<!-- BEGIN PAGE --> 
		<div class="page-content ">

			<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->

			<div id="portlet-config" class="modal hide">

				<div class="modal-header">

					<button data-dismiss="modal" class="close" type="button"></button>

					<h3>Widget Settings</h3>

				</div>

				<div class="modal-body">

					Widget settings form goes here

				</div>

			</div>

			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
 
			<!-- BEGIN PAGE CONTAINER--> 
            <div class="container-fluid"> 
                <!--page header-->
                <#include "/ma/common/page-header.ftl">
				<#-- 界面包含的详细内容 即子界面或内部界面 -->
	            <#nested> 
			</div>  
            <!-- END PAGE CONTAINER-->  

		</div> 
		<!-- END PAGE --> 
	</div> 
	<!-- END CONTAINER --> 
	<#include "/ma/common/page.ftl"> 
	<!-- BEGIN FOOTER --> 
	<#include "/ma/common/footer.ftl"> 
	<!-- END FOOTER -->  
	<#include "/ma/common/common-js.ftl"> 
	<!-- END COPYRIGHT -->   
	<!--加载子界面script-->
	<@bodyscript />  
	<script type="text/javascript">  
		jQuery(document).ready(function() { 
		   <#--初始化功能方法 initlayout and core plugins -->
		   App.init();  
		  <@script_ready />   
		   <#--显示菜单选择中信息--> 
		   initTree();   
		});      
		function initTree(){
		    <#--内部界面显示的活动界面id,菜单分一级工资单与二级菜单，active_id就一级菜单，child_active_id是二级菜单-->
			<#if active_id!="" && active_id??>  
				var pActive = $("li.treeview[name='${active_id!}']");
				if(typeof(pActive)!="undefined")
				{
					<!--alert(pActive.html());-->
					var cvalue = pActive.attr('class');
					if(cvalue.indexOf('start')>=0) 
						pActive.attr("class","treeview start active");
					else
						pActive.attr("class","treeview active"); 
						
				<#if child_active_id!="" && child_active_id??>
				  	pActive.find("#${child_active_id!}").attr("class","treeview active");
				</#if>
				} 
			</#if>
		} 
</script> 
	<!-- END JAVASCRIPTS --> 
</body> 
<!-- END BODY --> 
</html> 
</#macro> 